<%@ page language="java" import="java.util.*"  pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />  
<meta name="apple-mobile-web-app-capable" content="yes" />  
<meta name="format-detection" content="telephone=no" />  
<title>检索结果页</title>
<link rel='stylesheet' type='text/css' href="resources/static/static-web/css/style.css" />
<link rel="stylesheet" type="text/css" href="resources/static/static-web/css/page.css" />

<script src="resources/static/static-web/js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="resources/static/static-web/js/index.js"></script>
<script type="text/javascript" src="resources/static/static-web/js/page.js"></script>
</head>
<body>
<!-- top start -->
	<iframe class="index_top" src="resources/static/static-web/html/top.html"></iframe>
	<!-- top end -->
	<!-- 检索框 start -->
	<div class="index_search">
	<form action="userart/searchartresult">
		<div class="index_input">
			<span class="zjzky">中经智库云：</span>
			<select>
				<option selected="selected">全文</option>
				<option>标题</option>
				<option>作者</option>
			</select>
			<input type="text" />
			<input type="submit" value="搜索" />
		</div>
		<div class="index_celect">
			<input class="time_select" value="时间" />  
			<script>  
				$(".time_select").simpleCanleder();  
			</script>  
			<select>
				<option>报告类型</option>
				<option>分析报告</option>
				<option>调研报告</option>
				<option>舆情报告</option>
				<option>外部报告</option>
				<option>定时报告</option>
			</select>
			<select>
				<option>重点领域</option>
				<option>现代农业</option>
				<option>石墨烯、纳米</option>
				<option>物联网</option>
				<option>智慧城市</option>
				<option>绿色能源、轻经济</option>
				<option>智能制造</option>
				<option>新经济</option>
				<option>创新（金融、科技、改革）</option>
				<option>文化、旅游、生态</option>
				<option>区域经济</option>
				<option>开发区经济</option>
				<option>大数据</option>
				<option>人工智能</option>
				<option>企业治理</option>
			</select>
		</div>
		</form>
	</div>
	<!-- 检索框 end -->
	<!-- 检索结果 start -->
	<div class="index">
		<div class="index_content">
			<div class="index_left">
				<!-- 列表排序 start -->
				<div class="index_sort">
					<span class="active" style="margin-left:0.5rem;">按相关度</span>
					<span>按时间</span>
					<span>按浏览量</span>
				</div>
				<!-- 列表排序 end -->
				<!-- 文章列表 start -->
				<div class="index_list">
					<ul>
						<li>
							<div class="list_left">
								<h3 class="list_title">
									<span class="title_1"><a href="userart/previewart">投融家 投资功能实现产品社交化</a></span>
									<span class="list_record">
										<span>6523</span>
										<span>2000</span>
									</span>	
								</h3 >
								<p class="list_editInfo">
									<span>作者：张明</span>&nbsp;
									<span>类型：分析报告</span>&nbsp;
									<span>重点领域：现代农业</span>&nbsp;
									<span>时间：2016-04-24</span>
								</p>
								<span class="list_introduction">
									现代经济是飞速增长的时期，许多融资家，现代经济是飞速增长的时期，许多融资家,现代经济是飞速增长的时期，许多融资家...
								</span>
							</div>
							<div class="list_right">
								<a class="list_read"><img src="resources/static/static-web/images/icon_read_2a83d3.png" />&nbsp;&nbsp;<span>阅读</span></a>
								<a class="list_download"><img src="resources/static/static-web/images/icon_download_2a83d3.png" />&nbsp;&nbsp;<span>下载</span></a>
							</div>
						</li>
						
						
						
						<c:forEach items="${articleList}" var="arti">
						<li>
							<div class="list_left">
								<h3 class="list_title">
									<span class="title_1"><a href="userart/previewart">${arti.title }</a></span>
									<span class="list_record">
										<span>6523</span>
										<span>2000</span>
									</span>	
								</h3>
								<p class="list_editInfo">
									<span>作者：${arti.author }</span>&nbsp;
									<span>类型：${arti.filetype }</span>&nbsp;
									<span>重点领域：${arti.fieldname }</span>&nbsp;
									<span>时间：${arti.finaltime }</span>
								</p>
								<span class="list_introduction">
									现代经济是飞速增长的时期，许多融资家，现代经济是飞速增长的时期，许多融资家,现代经济是飞速增长的时期，许多融资家...
								</span>
							</div>
							<div class="list_right">
								<a class="list_read"><img src="resources/static/static-web/images/icon_read_2a83d3.png" />&nbsp;&nbsp;<span>阅读</span></a>
								<a class="list_download"><img src="resources/static/static-web/images/icon_download_2a83d3.png" />&nbsp;&nbsp;<span>下载</span></a>
							</div>
						</li>
						</c:forEach>
						
					
					</ul>
					<!-- 分页 start -->
					<div class="pages"><ul class="page" maxshowpageitem="5" pagelistcount="10"  id="page"></ul></div>
					<!-- 分页 end -->
				</div>
				<!-- 文章列表 end -->
			</div>
			<!-- 右侧信息 start -->
			<div class="index_right">
				<h3>重点领域</h3>
				<div>
					<span><a>现代农业</a></span><br /><span><a>石墨烯、纳米</a></span><br /><span><a>物联网</a></span><br /><span><a>智慧城市</a></span><br /><span><a>绿色能源、轻经济</a></span><br /><span><a>智能制造</a></span><br /><span><a>新经济</a></span><br /><span><a>创新（金融、科技、改革）</a></span><br /><span><a>文化、旅游、生态</a></span><br /><span><a>区域经济</a></span><br /><span><a>发区经济</a></span><br /><span><a>大数据</a></span><br /><span><a>人工智能</a></span><br /><span><a>企业治理</a></span>
				</div>
			</div>
			<!-- 右侧信息 end -->
			<div class="banner"><img src="resources/static/static-web/images/adv.png" style="width: 100%;margin-top: 5rem;" /></div>
		</div>
	</div>
	<!-- 检索结果 end -->
	<!-- foot start -->
	<iframe class="index_foot" src="resources/static/static-web/html/foot.html"></iframe>
	<!-- foot end -->
	
<script type="text/javascript">
	/**分页*/
    var GG = {
        "kk":function(mm){
            //alert(mm);
        }
    }
    $("#page").initPage(100,1,GG.kk);
</script>
</body>
</html>